<!--
 * @Author: shawnXiao
 * @Date: 2021-12-23 16:16:36
 * @LastEditTime: 2021-12-27 11:09:28
 * @FilePath: /vite2-vue3-typescript/src/views/Jsx/index.vue
-->
<script lang="tsx">
import { defineComponent, ref } from 'vue'

export default defineComponent({
  components: {},
  setup() {
    const count = ref(0)
    const handleAdd = () => {
      count.value++
    }
    return () => (
      <div>
        {`Hello,jsx, ${count.value}`}
        <button onClick={handleAdd}>Add count</button>
        <a-button type='primary'>Primary Button</a-button>
      </div>
    )
  },
})
</script>
